<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>管道基础设置 - 系统设置</title></head>
<body>
    <div class="main-inner">
        <div class="content-inner">
            <div class="zy-tab-head">
                <ul>
                    <li data-tab="JQ_valve_room">场站阀室列表</li>
                    <li data-tab="JQ_pipe_line">管道列表</li>
                    <li data-tab="JQ_pipe_segment">管段列表</li>
                </ul>
            </div>
            <div class="zy-tab-body">
                <!-- room -->
                <div id="JQ_valve_room" class="zy-div-tab">
                    <div class="zy-form-line">
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">场站阀室名称</div>
                            <div class="zy-input-inner">
                                <input id="JQ_room_name" type="text" class="zy-i-input">
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">场站阀室代号</div>
                            <div class="zy-input-inner">
                                <input id="JQ_room_code" type="text" class="zy-i-input">
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">任务状态</div>
                            <div class="zy-select-inner">
                                <blockquote id="JQ_room_task_state" class="bk-select"><abbr></abbr></blockquote>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="zy-form-line">
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">状态</div>
                            <div class="zy-select-inner">
                                <blockquote id="JQ_room_work_state" class="bk-select"><abbr></abbr></blockquote>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">&nbsp;</div>
                            <div class="zy-button-inner">
                                <button type="button" class="zy-button zy-search" id="JQ_search_room"><i class="zy-search-icon"></i>查询</button>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="zy-table">
                        <div class="zy-table-bar">
                            <button id="JQ_room_create" class="zy-button-s zy-create-s" type="button"><i class="zy-create-icon"></i>新建</button>&nbsp;&nbsp;
                            <button id="JQ_room_delete" class="zy-button-s zy-delete-s" type="button"><i class="zy-delete-icon"></i>删除</button>&nbsp;&nbsp;
                            <button id="JQ_room_release" class="zy-button-s zy-exports-s" type="button"><i class="zy-exports-icon"></i>发布</button>&nbsp;&nbsp;
                            <button id="JQ_room_disabled" class="zy-button-s zy-delete-s" type="button"><i class="zy-delete-icon"></i>停用</button>&nbsp;&nbsp;
                            <button id="JQ_room_usable" class="zy-button-s zy-create-s" type="button"><i class="zy-create-icon"></i>启用</button>&nbsp;&nbsp;
                        </div>
                        <table id="JQ_datatable_room" class="zy-datatable" cellpadding="0" cellspacing="0">
                            <thead>
                            <tr>
                                <th width="5%"><i class="zy-checkbox-all" data-chk="false"></i></th>
                                <th width="20%" title="场站阀室名称">场站阀室名称</th>
                                <th width="20%" title="场站阀室代号">场站阀室代号</th>
                                <th width="10%" title="场站阀室类型">场站阀室类型</th>
                                <th width="15%" title="任务状态">任务状态</th>
                                <th width="15%" title="状态">状态</th>
                                <th width="15%" title="操作">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- pipe -->
                <div id="JQ_pipe_line" class="zy-div-tab hidden">
                    <div class="zy-form-line">
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">管道名称</div>
                            <div class="zy-input-inner">
                                <input id="JQ_pipe_name" type="text" class="zy-i-input">
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">管道代号</div>
                            <div class="zy-input-inner">
                                <input id="JQ_pipe_code" type="text" class="zy-i-input">
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">任务状态</div>
                            <div class="zy-select-inner">
                                <blockquote id="JQ_pipe_task_state" class="bk-select"><abbr></abbr></blockquote>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="zy-form-line">
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">状态</div>
                            <div class="zy-select-inner">
                                <blockquote id="JQ_pipe_work_state" class="bk-select"><abbr></abbr></blockquote>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">&nbsp;</div>
                            <div class="zy-button-inner">
                                <button type="button" class="zy-button zy-search" id="JQ_search_pipe"><i class="zy-search-icon"></i>查询</button>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="zy-table">
                        <div class="zy-table-bar">
                            <button id="JQ_pipe_create" class="zy-button-s zy-create-s" type="button"><i class="zy-create-icon"></i>新建</button>&nbsp;&nbsp;
                            <button id="JQ_pipe_delete" class="zy-button-s zy-delete-s" type="button"><i class="zy-delete-icon"></i>删除</button>&nbsp;&nbsp;
                            <button id="JQ_pipe_release" class="zy-button-s zy-exports-s" type="button"><i class="zy-exports-icon"></i>发布</button>&nbsp;&nbsp;
                            <button id="JQ_pipe_disabled" class="zy-button-s zy-delete-s" type="button"><i class="zy-delete-icon"></i>停用</button>&nbsp;&nbsp;
                            <button id="JQ_pipe_usable" class="zy-button-s zy-create-s" type="button"><i class="zy-create-icon"></i>启用</button>&nbsp;&nbsp;
                        </div>
                        <table id="JQ_datatable_pipe" class="zy-datatable" cellpadding="0" cellspacing="0">
                            <thead>
                            <tr>
                                <th width="5%"><i class="zy-checkbox-all" data-chk="false"></i></th>
                                <th width="20%" title="管道名称">管道名称</th>
                                <th width="15%" title="管道代号">管道代号</th>
                                <th width="10%" title="任务状态">任务状态</th>
                                <th width="10%" title="状态">状态</th>
                                <th width="10%" title="分段标识">分段标识</th>
                                <th width="15%" title="查看沿线场站阀室">查看沿线场站阀室</th>
                                <th width="15%" title="操作">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- segment -->
                <div id="JQ_pipe_segment" class="zy-div-tab hidden">
                    <div class="zy-form-line">
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">管道</div>
                            <div class="zy-select-inner">
                                <blockquote id="JQ_pipeline" class="bk-select"><abbr></abbr></blockquote>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">管段名称</div>
                            <div class="zy-input-inner">
                                <input id="JQ_segment_name" type="text" class="zy-i-input">
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">管段代号</div>
                            <div class="zy-input-inner">
                                <input id="JQ_segment_code" type="text" class="zy-i-input">
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="zy-form-line">
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">任务状态</div>
                            <div class="zy-select-inner">
                                <blockquote id="JQ_segment_task_state" class="bk-select"><abbr></abbr></blockquote>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">状态</div>
                            <div class="zy-select-inner">
                                <blockquote id="JQ_segment_work_state" class="bk-select"><abbr></abbr></blockquote>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">&nbsp;</div>
                            <div class="zy-button-inner">
                                <button type="button" class="zy-button zy-search" id="JQ_search_segment"><i class="zy-search-icon"></i>查询</button>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="zy-table">
                        <div class="zy-table-bar">
                            <button id="JQ_segment_create" class="zy-button-s zy-create-s" type="button"><i class="zy-create-icon"></i>新建</button>&nbsp;&nbsp;
                            <button id="JQ_segment_delete" class="zy-button-s zy-delete-s" type="button"><i class="zy-delete-icon"></i>删除</button>&nbsp;&nbsp;
                            <button id="JQ_segment_release" class="zy-button-s zy-exports-s" type="button"><i class="zy-exports-icon"></i>发布</button>&nbsp;&nbsp;
                            <button id="JQ_segment_disabled" class="zy-button-s zy-delete-s" type="button"><i class="zy-delete-icon"></i>停用</button>&nbsp;&nbsp;
                            <button id="JQ_segment_usable" class="zy-button-s zy-create-s" type="button"><i class="zy-create-icon"></i>启用</button>&nbsp;&nbsp;
                        </div>
                        <table id="JQ_datatable_segment" class="zy-datatable" cellpadding="0" cellspacing="0">
                            <thead>
                            <tr>
                                <th width="5%"><i class="zy-checkbox-all" data-chk="false"></i></th>
                                <th width="20%" title="管道名称">管道名称</th>
                                <th width="15%" title="管段名称">管段名称</th>
                                <th width="15%" title="起始场站阀室">起点位置</th>
                                <th width="15%" title="终止场站阀室">终点位置</th>
                                <th width="10%" title="任务状态">任务状态</th>
                                <th width="10%" title="状态">状态</th>
                                <th width="10%" title="操作">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- action room box -->
    <div class="zy-action-box room-box">
        <form id="JQ_action_room_form">
            <div class="zy-action-title">
                <span class="zy-action-span">编辑</span>
                <i class="zy-action-close room-close"></i>
                <input type="hidden" id="JQ_room_id" value="">
            </div>
            <div class="zy-action-inner">
                <div class="zy-form-line">
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>场站阀室名称</div>
                        <div class="zy-input-inner">
                            <input id="JQ_room_name_edit" type="text" class="zy-i-input zy-verify" data-verify="{required:true,title:'场站阀室名称',scroll:false}">
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>场站阀室代号</div>
                        <div class="zy-input-inner">
                            <input id="JQ_room_code_edit" type="text" class="zy-i-input zy-verify" data-verify="{required:true,title:'场站阀室代号',scroll:false}">
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>场站阀室类型</div>
                        <div class="zy-select-inner">
                            <blockquote class="bk-select zy-verify" id="JQ_room_type_edit" data-holder="true" data-verify="{required:true,title:'场站阀室类型',scroll:false}">
                                <span class="bk-input-span">
                                    <abbr data-value="" title="" class="bk-abbr gray">请选择</abbr>
                                    <input type="text" data-value="" value="请选择" title="" class="bk-input gray hidden">
                                    <i class="bk-i-clear">×</i>
                                    <i class="bk-i-arrow"><b class="bk-b-arrow"></b></i>
                                </span>
                                <span class="bk-drop-span hidden">
                                    <ul class="bk-ul">
                                        <c:forEach items="${valveRoomType}" var="code">
                                            <c:choose>
                                                <c:when test="${fn:contains(code.shortName,'--')}">
                                                </c:when>
                                                <c:otherwise>
                                                    <li data-value="${code.id}">${code.shortName}</li>
                                                </c:otherwise>
                                            </c:choose>
                                        </c:forEach>
                                    </ul>
                                </span>
                                <input type="text" disabled="disabled" class="bk-disabled hidden" title="不可用" value=""></blockquote>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="zy-form-line t-r">
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <button type="button" class="zy-button zy-submit" id="JQ_action_room_yes_btn"><i class="zy-submit-icon"></i>确认</button>&nbsp;&nbsp;&nbsp;
                    <button type="button" class="zy-button" id="JQ_action_room_no_btn"><i class="zy-goback-icon"></i>取消</button>
                </div>
            </div>
        </form>
    </div>
    <!-- action pipe box -->
    <div class="zy-action-box pipe-box">
        <form id="JQ_action_pipe_form">
            <div class="zy-action-title">
                <span class="zy-action-span">编辑</span>
                <i class="zy-action-close pipe-close"></i>
                <input type="hidden" id="JQ_pipe_id" value="">
            </div>
            <div class="zy-action-inner">
                <div class="zy-form-line">
                    <div class="zy-input-group w-45">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>管道名称</div>
                        <div class="zy-input-inner">
                            <input id="JQ_pipe_name_edit" type="text" class="zy-i-input zy-verify" data-verify="{required:true,title:'管道名称',scroll:false}">
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-45">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>管道代号</div>
                        <div class="zy-input-inner">
                            <input id="JQ_pipe_code_edit" type="text" class="zy-i-input zy-verify" data-verify="{required:true,title:'管道代号',scroll:false}">
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="zy-form-line">
                    <div class="zy-input-group w-45">
                        <div class="zy-input-meta">沿线场站阀室</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_pipe_room_select" class="bk-select"><abbr></abbr></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-45">
                        <div class="zy-input-meta">&nbsp;</div>
                        <div class="zy-button-inner">
                            <button id="JQ_search_add_pipe" class="zy-button" type="button">+添加</button>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="zy-form-line">
                    <div class="zy-select-table">
                        <!-- pipe room table -->
                        <table id="JQ_pipe_room_table" class="zy-datatable" cellpadding="0" cellspacing="0">
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="zy-form-line t-r">
                    <button type="button" class="zy-button zy-submit" id="JQ_action_pipe_yes_btn"><i class="zy-submit-icon"></i>确认</button>&nbsp;&nbsp;&nbsp;
                    <button type="button" class="zy-button" id="JQ_action_pipe_no_btn"><i class="zy-goback-icon"></i>取消</button>
                </div>
            </div>
        </form>
    </div>
    <!-- action segment box -->
    <div class="zy-action-box segment-box">
        <form id="JQ_action_segment_form">
            <div class="zy-action-title">
                <span class="zy-action-span">编辑</span>
                <i class="zy-action-close segment-close"></i>
                <input type="hidden" id="JQ_segment_id" value="">
            </div>
            <div class="zy-action-inner">
                <div class="zy-form-line">
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>管道名称</div>
                        <div class="zy-select-inner">
                            <blockquote class="bk-select zy-verify" id="JQ_segment_pipe_name" data-verify="{required:true,title:'管道名称',scroll:false}">
                                <abbr></abbr>
                            </blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>管段名称</div>
                        <div class="zy-input-inner">
                            <input id="JQ_segment_name_edit" type="text" class="zy-i-input zy-verify" data-verify="{required:true,title:'管段名称',scroll:false}">
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>管段代号</div>
                        <div class="zy-input-inner">
                            <input id="JQ_segment_code_edit" type="text" class="zy-i-input zy-verify" data-verify="{required:true,title:'管段代号',scroll:false}">
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div>
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>起点位置</div>
                        <div class="zy-select-inner">
                            <blockquote class="bk-select zy-verify" id="JQ_segment_begin_room" data-verify="{required:true,title:'起点位置',scroll:false}">
                                <abbr></abbr>
                            </blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-31">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>终点位置</div>
                        <div class="zy-select-inner">
                            <blockquote class="bk-select zy-verify" id="JQ_segment_end_room" data-verify="{required:true,title:'终点位置',scroll:false}">
                                <abbr></abbr>
                            </blockquote>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="zy-form-line t-r">
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <button type="button" class="zy-button zy-submit" id="JQ_action_segment_yes_btn"><i class="zy-submit-icon"></i>确认</button>&nbsp;&nbsp;&nbsp;
                    <button type="button" class="zy-button" id="JQ_action_segment_no_btn"><i class="zy-goback-icon"></i>取消</button>
                </div>
            </div>
        </form>
    </div>
    <!-- nearby room -->
    <div class="zy-action-box pipe-room">
        <div class="zy-action-title">
            <span class="zy-action-span">编辑</span>
            <i class="zy-action-close pipe-room-close"></i>
        </div>
        <div class="zy-action-inner">
            <div class="zy-pipe-all-room">
                <table id="JQ_pipe_all_room" class="zy-datatable" cellspacing="0" cellpadding="0">

                </table>
            </div>
        </div>
    </div>
    <!-- sign room -->
    <div class="zy-action-box sign-room">
        <div class="zy-action-title">
            <span class="zy-action-span">编辑</span>
            <i class="zy-action-close sign-room-close"></i>
        </div>
        <div class="zy-action-inner">
            <div class="zy-pipe-all-room">
                <table id="JQ_pipe_sign_room" class="zy-datatable" cellspacing="0" cellpadding="0">
                    <thead>
                    <tr>
                        <th>分段标识</th>
                        <th>是否参与分段</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>-</td>
                        <td>-</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!-- plugin -->
    <script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
    <!-- ui -->
    <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
    <!-- base -->
    <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
    <!-- api url -->
    <script src="${pageContext.request.contextPath}/static/js/controller/api/setting.api.js"></script>
    <!-- controller -->
    <script src="${pageContext.request.contextPath}/static/js/controller/system/pipemanage/pipeBase.controller.js"></script>
</body>
</html>
